/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

html {
  overflow-y:scroll;
}

body, html {
  height:100%;
}

::-moz-selection{
  background: #599;
  color:#fff;
  text-shadow:none;
}

::selection {
  background:#599;
  color:#fff;
  text-shadow:none;
}

body {
  color:#444;
  line-height:1.25;
  background:#fff;
  
  .touch & {
    -webkit-text-size-adjust:none;
  }
  
  > header {
    width:100%;
    min-height:32px;
    background:#333;
    overflow:hidden;
    position:relative;
    z-index:4;
    
    > nav {
      margin:0 auto;
      width:960px;
            
      > h1 {
        float:left;
        line-height:32px;
        font-size:24px;
        font-weight:normal;
        padding:0 10px;
        @extend .chunk-stack;
        
        > a {
          color:#fff;
          text-decoration:none;
        }
      }
      
      > ul {
        float:right;
        font-weight:bold;
        color:#fff;
      
        li {
          float:left;
          height:32px;
          line-height:32px;
          padding:0 20px;
          color:#fff !important;
          text-shadow:0 0 5px rgba(255,255,255,.3);
          
          a {
            display:block;
            height:32px;
            line-height:32px;
            color:#888 !important;
            text-decoration:none;
            text-shadow:none;
            
            &:hover, &:focus {
              color:#ddd !important;
            }
          }
        }
      }
    }
  }
  
  > footer {
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:100px;
    line-height:60px;
    font-size:50px;
    z-index:4;
    
    > p {
      float:left;
      margin: 0px 0px 20px 20px;
      padding:0 4px;
    }
  }
}

@mixin border-radius($r) {
  -webkit-border-radius:$r;
  -moz-border-radius:$r;
  border-radius:$r;
}

@mixin box-shadow($x, $y, $blur, $color) {
  -webkit-box-shadow:$x $y $blur $color;
  -moz-box-shadow:$x $y $blur $color;
  box-shadow:$x $y $blur $color;
}

@mixin translate($x: 0, $y: 0, $z: 0) {
  -webkit-transform:translate3d($x, $y, $z);
  -moz-transform:translate($x, $y);
  -ms-transform:translate($x, $y);
  -o-transform:translate($x, $y);
  transform:translate3d($x, $y, $z);
}

@mixin transition($prop, $duration, $easing: ease-in-out, $delay: 0ms) {
  -webkit-transition:$prop $duration $easing $delay;
  -moz-transition:$prop $duration $easing $delay;
  -ms-transition:$prop $duration $easing $delay;
  -o-transition:$prop $duration $easing $delay;
  transition:$prop $duration $easing $delay;
}

@mixin transform($val) {
  -webkit-transform:$val;
  -moz-transform:$val;
  -ms-transform:$val;
  -o-transform:$val;
  transform:$val;
}

.home {
  > article {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    
    > .slide {
      width:940px;
      padding:0 10px;
      height:100%;
      margin:0 auto;
    }
  }
}

.goto-form {
  display:none;
  position:absolute;
  z-index:3;
  bottom:35px;
  left:50%;
  margin-left:-100px;
  width:180px;
  padding:5px 10px;
  height:25px;
  line-height:25px;
  background:#fff;
  border:1px solid #ddd;
  @include border-radius(10px);
  
  .boxshadow & {
    @include box-shadow(3px, 3px, 4px, rgba(0,0,0,.2));
  }
  
  label {
    float:left;
    margin-right:5px;
  }
  
  input[type="submit"] {
    display:inline;
  }
  
  &:after {
    content:"deck.goto";
    text-shadow:none;
    background:rgba(0,0,0,.5);
    color:#fff;
    font-size:12px;
    height:18px;
    line-height:18px;
    padding:0 6px;
    position:absolute;
    top:-25px;
    left:50%;
  }
  
  &:before {
    content:"";
    display:block;
    position:absolute;
    top:-7px;
    left:50%;
    margin-left:15px;
    width:0;
    height:0;
    border:5px solid rgba(0,0,0,.5);
    border-color:rgba(0,0,0,.5) transparent transparent transparent;
  }
}

#goto-slide {
  float:left;
  width:50px;
  margin-right:5px;
  height:20px;
}

.deck-prev-link, .deck-next-link {
  display:none;
  position:absolute;
  z-index:3;
  bottom:38px;
  width:24px;
  height:24px;
  line-height:24px;
  background:#fff;
  text-align:center;
  color:#aaa;
  text-decoration:none;
  border:1px solid #ddd;
  font-weight:bold;
  @include border-radius(20px);
  
  .no-boxshadow & {
    &:hover, &:focus {
      border-color:#999;
      color:#444;
    }
  }
  
  .touch.csstransforms.csstransitions & {
    display:block;
    -webkit-transform:scale(1);
    
    &.deck-nav-disabled {
      display:none;
    }
  }
  
  .touch.csstransforms.csstransitions article:not(.on-slide-8) & {
    &:after, &:before {
      display:none;
    }
  }
  
  &:after {
    content:"deck.navigation";
    text-shadow:none;
    background:rgba(0,0,0,.5);
    color:#fff;
    font-size:12px;
    font-weight:normal;
    height:18px;
    line-height:18px;
    padding:0 6px;
    position:absolute;
    top:-25px;
  }
  
  &:before {
    content:"";
    display:block;
    position:absolute;
    top:-7px;
    width:0;
    height:0;
    border:5px solid rgba(0,0,0,.5);
    border-color:rgba(0,0,0,.5) transparent transparent transparent;
  }
}

.deck-prev-link {
  left:50%;
  margin-left:-138px;
  
  .boxshadow & {
    @include box-shadow(3px, 3px, 4px, rgba(0,0,0,.2));
    
    &:hover, &:focus {
      bottom:37px;
      margin-left:-137px;
      @include box-shadow(1px, 1px, 2px, rgba(0,0,0,.2));
    }
  }
  
  &:after {
    right:-10px;
  }
  
  &:before {
    right:7px;
  }
}

.deck-next-link {
  left:50%;
  margin-left:113px;
  
  .boxshadow & {
    @include box-shadow(3px, 3px, 4px, rgba(0,0,0,.2));
    
    &:hover, &:focus {
      bottom:37px;
      margin-left:114px;
      @include box-shadow(1px, 1px, 2px, rgba(0,0,0,.2));
    }
  }
  
  &:after {
    left:-10px;
  }
  
  &:before {
    left:7px;
  }
}

.deck-status {
  display:block;
  position:absolute;
  z-index:4;
  bottom:5px;
  right:20px;
  margin-left:-30px;
  width:60px;
  text-align:center;
  color:#888;
  font-size:14px;
  text-shadow:1px 1px 1px #fff;
}

.pointerevents.csstransforms.csstransitions {
  .deck-current {
    z-index:auto; // um, webkit bug if z-index + transforms + transitions
  }
  
  .deck-after, .deck-before, .deck-previous, .deck-next {
    &:not(.deck-child-current) {
      pointer-events:none;
    }
  }
  
  .deck-child-current {
    .deck-before, .deck-previous {
      pointer-events:auto;
    }
  }
}

.no-pointerevents.csstransforms.csstransitions { //aka Opera
  .deck-current, .deck-child-current {
    z-index:4;
  }
}

.slide .slide {
  min-height:0;
  height:auto;
}